//文档加载事件
$(function () {
    $("#slider").slidebox({
        boxh: 420, //盒子的高度
        w: 1000, //图片的宽度
        h: 420, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 20, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 60, //控制按钮宽度
        controlsH: 6, //控制按钮高度
        radius: 0, //控制按钮圆角度数
        controlsColor: '#ccc', //普通控制按钮的颜色
        controlsCurrentColor: "#fff" //当前控制按钮的颜色

    });
})
$(function () {
    $(".clot-rotation .pptbox").slidebox({
        boxh: 300, //盒子的高度
        w: 455, //图片的宽度
        h: 300, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 14, //控制按钮宽度
        controlsH: 4, //控制按钮高度
        radius: 0, //控制按钮圆角度数
        controlsColor: '#ccc', //普通控制按钮的颜色
        controlsCurrentColor: "#fff" //当前控制按钮的颜色

    });
})
$(function () {
    $("#lists").slidebox({
        boxh: 285, //盒子的高度
        w: 960, //图片的宽度
        h: 285, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 14, //控制按钮宽度
        controlsH: 4, //控制按钮高度
        radius: 0, //控制按钮圆角度数
        controlsColor: '#ccc', //普通控制按钮的颜色
        controlsCurrentColor: "#fff" //当前控制按钮的颜色

    });
})

$(function () {
    $("#listSilder").slidebox({
        boxh: 285, //盒子的高度
        w: 960, //图片的宽度
        h: 285, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 14, //控制按钮宽度
        controlsH: 4, //控制按钮高度
        radius: 0, //控制按钮圆角度数
        controlsColor: '#ccc', //普通控制按钮的颜色
        controlsCurrentColor: "#fff" //当前控制按钮的颜色

    });


    $(window).scroll(function(){
        let sTop=$('html').scrollTop()
        // console.log(sTop);
        if( sTop > 600){
            $('.topsearch').stop().slideDown()
            $('.move').appendTo('.topsearch')
            $('#indexLeft').css('position','fixed')
        }else{
            $('.topsearch').stop().slideUp()
            $('.move').appendTo('#header')
            $('#indexLeft').css('position','absolute')
        }
    })


})


//倒计时
let setTime = function () {

    //创建当前时间
    let curDate = new Date();
    //创建未来指定时间
    let assignDate = new Date('2021-8-24 00:00:00');
    let dif = assignDate - curDate; //时间差
    let hour = Math.floor(dif / 1000 / 60 / 60 % 24); //时
    let minute = Math.floor(dif / 1000 / 60 % 60); //分   
    let second = Math.floor(dif / 1000 % 60); //秒
    timesBox.textContent = `${hour}` //拼接时间字符串
    timesBo.textContent = `${minute}`
    timesB.textContent = `${second}`
}

setTime(); //立即执行
setInterval(setTime, 1000) //1s后才执行


//导航转换
$('.clot-topli').mouseover(function(){
    //获取索引
    let index=$(this).index();
    //添加鼠标移入是文字样式
    $(this).find('.clot-liet').addClass('f-active').closest(this).siblings().find('.clot-liet').removeClass('f-active');
    $(this).closest('.clot-top').siblings('.content').find('.clot').eq(index)
    .addClass('currentv').siblings().removeClass('currentv');
})


//楼梯导航

let colorArr=['green','orange','yellow','pink','blue']

$('.index-left .index-left-p').hover(function(){
    //鼠标移入
    let index=$(this).index();
    $(this).css({
        'background-position-x':-40,
        'background-color':colorArr[index],
        'width':40
    })
},function(){
    // 鼠标移出
    $(this).css({
        'background-position-x':0,
        'background-color':'',
        'width':0
    })

}).click(function () {
    //获取当前span的索引
    let index = $(this).index();

    //对应楼层
    let sTop = $('.floors').eq(index).offset().top;

    //设置滚动条滚动的距离为sTop
    $('html').stop().animate({scrollTop: sTop}, 1000)
})     





